(function () {

    var fsicon = document.createElement('img');
    var srcFSI = '';
    var srcFSIexit = '';
    fsicon.src = srcFSI;
    fsicon.id = 'fsicon';
    
    fsicon.style.opacity = 0.5;
    fsicon.style.filter = 'alpha( opacity=50 )';
    fsicon.style.cursor = 'pointer';
    fsicon.style.zIndex = 2000;
    fsicon.style.top = '10px';
    fsicon.style.right = '10px';
    fsicon.style.position = 'fixed';
        
        
    var cto; 
    fsicon.style.transitionDuration = '1s'; 
    document.onmousemove = function(){ 
        clearTimeout(cto); 
        fsicon.style.opacity = 0.5;  
        cto = setTimeout(function(){fsicon.style.opacity = 0;},5000);
    }
    
    document.body.appendChild(fsicon);
    
    
        var fsicon = document.getElementById("fsicon");
    
        if (fsicon) {
            fsicon.addEventListener("click", function () {
              if(fsicon.getAttribute('src')!=srcFSIexit){
                    var docElm = document.documentElement;
                    if (docElm.requestFullscreen) {
                        docElm.requestFullscreen();
                    }
                    else if (docElm.mozRequestFullScreen) {
                        docElm.mozRequestFullScreen();
                    }
                    else if (docElm.webkitRequestFullScreen) {
                        docElm.webkitRequestFullScreen();
                    }
                }else{
                    if (document.exitFullscreen) {
                        document.exitFullscreen();
                    }
                    else if (document.mozCancelFullScreen) {
                        document.mozCancelFullScreen();
                    }
                    else if (document.webkitCancelFullScreen) {
                        document.webkitCancelFullScreen();
                    }
                }
                
            }, false);
        }
        if (fsicon) {
            document.addEventListener("fullscreenchange", function () {
                 if(document.fullscreenElement){
                    fsicon.setAttribute('src',srcFSIexit);
                 }else{
                    fsicon.setAttribute('src',srcFSI);
                 };
                
            }, false);
            
            document.addEventListener("mozfullscreenchange", function () {
                if(document.mozFullScreen){
                    fsicon.setAttribute('src',srcFSIexit);
                 }else{
                    fsicon.setAttribute('src',srcFSI);
                 };
            }, false);
            
            document.addEventListener("webkitfullscreenchange", function () {
                if(document.webkitIsFullScreen){
                    fsicon.setAttribute('src',srcFSIexit);
                 }else{
                    fsicon.setAttribute('src',srcFSI);
                 };
            }, false);
        }
        
    })();